.flexbox1 {
  display: flex;
  flex-direction: column;

  width: 500px;
  height: 333px;

  background-color: rgb(58, 70, 138);
}

.flexbox2 {
  display: flex;

  width: 500px;
  height: 333px;

  background-color: #fff;
}

.box {
  width: 200px;
  height: 200px;

  flex-shrink: 0;
}

.box1 {
  background-color: red;
  margin: 8px;
}

.box2 {
  background-color: yellow;
  margin-left: 30px;
  margin-top: 20px;
}

.box3 {
  background-color: green;
  align-self: center;
}

.box4 {
  background-color: purple;
  margin: 22px 11px 42px;
}

.box5 {
  background-color: peru;
  margin-bottom: 20px;
  margin-right: 10px;
}
